import React, { Component } from 'react';

import { Link } from 'react-router-dom'
import { Pagination } from 'antd';

function itemRender(current, type, originalElement) {
    if (type === 'prev') {
      return <a>上一页</a>;
    }
    if (type === 'next') {
      return <a>下一页</a>;
    }
    return originalElement;
  }
class duihuanjilu extends Component {
    constructor(props){
        super(props);
        this.state={
            arr:[1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1]
        }
    }
    render() {
        return (
            <div className="myjifen duihuanjilu">
                <div className="myjifen-t">
                    <span>兑换记录</span>
                    <Link to="/people/myjifen">&lt;&lt;&lt;返回我的积分</Link>
                </div>
                <div className="myjifen-c">
                    <dl>
                        <dd>
                            <span>兑换日期</span>
                            <span>积分</span>
                            <span>兑换奖品</span>
                        </dd>
                        {this.state.arr.map((v,i)=>{
                            return(<dt key={i}>
                                <span>2015-04-05 16:20:10</span>
                                <span>-80</span>
                                <span>毛巾</span>
                            </dt>)
                        })}
                    </dl>
                    <div className="fenye">
                    <Link to="###">首页</Link>
                    <Pagination showSizeChanger={false} showQuickJumper total={500} itemRender={itemRender} />
                    <Link to="###">确定</Link>
                    <span>共500条</span>
                    </div>
                </div>
            </div>
        );
    }
}

export default duihuanjilu;